<template>
  <div>
   <nav-bar title="发现" rightBar search/>
    <div class="content-body">
      <page-skeleton title avatar :loading="false" :row="1" :count="10" style="width: 100%">
        <list-cell
          icon="#iconfont-pengyouquan"
          title="朋友圈"
          customIcon="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3363295869,2467511306&fm=26&gp=0.jpg"
        />
        <empty-line height="6px"/>
        <list-cell
          icon="#iconfont-shipin"
          title="视频号"
          customIcon="https://img01.yzcdn.cn/vant/cat.jpeg"
          customContent="赞过"
        />
        <empty-line height="6px"/>
        <list-cell icon="#iconfont-saoyisao" title="扫一扫"/>
        <list-cell icon="#iconfont-yaoyiyao" title="摇一摇"/>
        <empty-line height="6px"/>
        <list-cell icon="#iconfont-fujin" title="直播和附近"/>
        <empty-line height="6px"/>
        <list-cell icon="#iconfont-shop" title="购物"/>
        <list-cell
          icon="#iconfont-game"
          title="游戏"
          customIcon="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4224670430,3759867894&fm=26&gp=0.jpg"
          customContent="游戏描述，描述"
          customLayout="text-icon"/>
        <empty-line height="6px"/>
        <list-cell icon="#iconfont-xiaochengxu" title="小程序"/>
        <empty-line/>
      </page-skeleton>
    </div>
  </div>
</template>

<script>
import EmptyLine from "@/components/EmptyLine"
import NavBar from "@/components/NavBar"
import ListCell from "@/components/ListCell"
export default {
  components: {
    EmptyLine,
    ListCell,
    NavBar
  },
  name: "Find",
  data () {
    return {
      loading: true
    }
  },
  mounted() {
    this.loading = true;
    document.getElementById("app").scrollTop = 0;
  },
  methods: {

  }
};
</script>
<style scoped>
  .content-body {
    width: 100%;
    display: inline-flex;
    margin-top: 1.22667rem;
    margin-bottom: 1.33333rem;
  }
</style>